<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<title>校园百事通系统</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/lr-css/bootstrap.min.css" type="text/css"></link>
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/lr-css/mycss.css" type="text/css"></link>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/lr-js/jquery.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/lr-js/bootstrap.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/lr-js/bootstrapValidator.min.js"></script>
	<script>
		$(function(){
			//客户端表单校验，使用bootstrapValidator插件
			$('#frmLogin').bootstrapValidator({
				feedbackIcons:{
					valid:'glyphicon glyphicon-ok',
					invalid:'glyphicon glyphicon-remove',
					validating:'glyphicon glyphicon-refresh'
				},
				fields:{
					adminname:{
						validators:{
							notEmpty:{
								message:'用户名不能为空'
							}
						}
					},
					password: {
						validators: {
							notEmpty: {
								message: '密码不能为空'
							},
							stringLength: {
								max: 20,
								message: '长度不能超过20'
							}
						}
					}
				}
			});
		});
	</script>

</head>
<body>
<!-- 使用自定义css样式 div-signin 完成元素居中-->
<div class="container div-signin">
	<div class="panel panel-primary div-shadow">
		<!-- h3标签加载自定义样式，完成文字居中和上下间距调整 -->
		<div>
			<h3>校园百事通后台登录</h3>
		</div>
        <font color="red">
            <span id="message">${msg}</span>
        </font>
        <%session.setAttribute("msg", ""); %>
		<div class="panel-body">
			<!-- login form start -->
			<form action="${pageContext.request.contextPath }/adminlogin.action" class="form-horizontal" method="post" id="frmLogin">
				<div class="form-group">
					<label class="col-sm-3 control-label">&nbsp;&nbsp;用户名：</label>
					<div class="col-sm-9">
						<input class="form-control" type="text" placeholder="请输入用户名" name="adminname">
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">密&nbsp;&nbsp;&nbsp;&nbsp;码：</label>
					<div class="col-sm-9">
						<input class="form-control" type="password" placeholder="请输入密码" name="password">
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label">身&nbsp;&nbsp;&nbsp;&nbsp;份：</label>
					<div class="col-sm-9">
						<input type="radio" name="role" value="admin" checked />管理员
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-3">
					</div>
					<div class="col-sm-9 padding-left-0">
						<div class="col-sm-4">
							<button type="submit">登&nbsp;&nbsp;陆</button>
						</div>
						<div class="col-sm-4">
							<button type="reset">重&nbsp;&nbsp;置</button>
						</div>

					</div>
				</div>
			</form>
			<!-- login form end -->
		</div>
	</div>
</div>
<!-- 页尾 版权声明 -->
<div class="container">
	<div class="col-sm-12 foot-css">
		<p class="text-muted credit">
		</p>
	</div>
</div>
</body>
</html>
